import { Card, Col, Row } from 'antd';
import React from 'react';
import { Link } from 'react-router-dom'
import './App.css';

const App: React.FC = () => (
  <div className='card'>
    <Row gutter={16}>
      <Col span={8}>
        <Link to="/user">
          <Card title="用户列表" bordered={false}>
            查看用户信息
          </Card>
        </Link>
      </Col>
      <Col span={8}>
        <Link to="/account">
          <Card title="账单列表" bordered={false}>
            查看账单信息
          </Card>
        </Link>
      </Col>
      <Col span={8}>
        <Link to="/purpose">
          <Card title="金钱用途列表" bordered={false}>
            查看金钱用途信息
          </Card>
        </Link>
      </Col>
    </Row>
  </div>

);

export default App;